<template>
    <div class="show_details">
        <ul v-for="(val, key) in 1" :key="key">
            <li class="f28">
                <span class="tit">订单金额</span>
                <span class="msg">￥{{moneyDetail.money}}</span>
            </li>
            <li class="f28">
                <span class="tit">服务项目</span>
                <span class="msg">{{moneyDetail.moneyRemark}}</span>
            </li>
            <li class="f28">
                <span class="tit">提问用户</span>
                <span class="msg">{{moneyDetail.userName}}</span>
            </li>
            <!-- <li class="f28">
                <span class="tit">回复大师</span>
                <span class="msg">张天师</span>
            </li> -->
            <li class="f28">
                <span class="tit">订单编号</span>
                <span class="msg">{{moneyDetail.orderNo}}</span>
            </li>
            <li class="f28">
                <span class="tit">订单时间</span>
                <span class="msg">{{moneyDetail.createTime}}</span>
            </li>
            <li class="f28">
                <span class="tit">总收入</span>
                <span class="msg">+￥{{moneyDetail.money}}</span>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: 'showDetails',
        data() {
            return {
                moneyDetail: {}
            }
        },
        methods: {
            logMoneyDetail() {
                let params = {
                    moneyId: this.$route.query.moneyId
                }
                this.$http.fetchGet('logMoneyDetail', params).then(res => {
                    if(res.code == 200) {
                        this.moneyDetail = res.data
                    } else {
                        console.log(res.msg)
                    }
                }, err => {
                    console.log(err)
                })
            }
        },
        mounted() {
            this.logMoneyDetail()
        }
    }
</script>

<style lang="less" scoped>
    .show_details{
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        background: #f2f2f2;
        ul{
           .padd(0, 20);
           background: #fff;
           .mb(20);
            li{
                border-bottom: 1px solid #f2f2f2;
                .lh(88);
                display: flex;
                justify-content: space-between;
                .tit{
                    color: #999;
                }
                .msg{
                    color: #333;
                }
            }
        }
    }
</style>
